<template>
	<div id="IDoperation">
		<header>
	  		<div class="header_1">
	  			<div class="header_1_l">
	  				<div class="qq">
	  					<img src="../../static/img/header-01.png"/>
	  					<p>在线客服</p>
	  				</div>
	  				<span></span>
	  				<div @click="collection('赶紧试','http://192.168.0.126:3000/home/index')" class="collection">
	  					<img src="../../static/img/header-02.png"/>
	  					<p>收藏</p>
	  				</div>
	  			</div>
	  			<div class="header_1_r">
	  				<ul>
	  					<!--<li><a href="https://www.meilipa.com/">用户登录</a></li>-->
	  					<li><router-link v-wechat-title='$route.meta.title' to="/IDoperation/login">商家登录</router-link></li>
	  					<li class="feature"><router-link to="/IDoperation/register">免费注册</router-link></li>
	  				</ul>
	  				<span class="color_fg"></span>
	  				<router-link v-wechat-title='$route.meta.title' to="/home">赶紧试首页</router-link>
	  				<!--<span class="color_fg"></span>-->
	  				<!--<router-link to="/a">用户端</router-link>-->
	  				<span class="color_fg"></span>
	  				<router-link to="/share">分享赚钱<span>月入4000</span></router-link>
	  				<!--<span class="color_fg"></span>
	  				<router-link to="/a">做问卷送金币</router-link>-->
	  				<span class="color_fg"></span>
	  				<router-link to="/help">帮助中心</router-link>
	  				<!--<span class="color_fg"></span>-->
	  				<!--<router-link to="/a">网站导航<img src="../../static/img/header-03.png" /></router-link>-->
	  			</div>
	  		</div>
	  		<div class="header_2">
	  			<div class="header_2_box">
	  				<img @click="toIndex" src="../../static/img/logo-01.png"/>
	  			</div>
	  		</div>
	  </header>
	  <router-view/>
	</div>
</template>

<script>
export default{
	name:'IDoperation',
	data:function(){
		return{
			noticeTime2: ''
		}
	},
	methods:{
	  	collection: function(title,url){
	  		try{
			   window.external.addFavorite(url,title);
			}
			catch(e){
				try{
				    window.sidebar.addPanel(title,url,"");
				}
				catch(e){
					this.$alert("3","抱歉，您所使用的浏览器无法完成此操作。请使用快捷键Ctrl+D进行添加！");
				}
			}
	  	},
		toIndex:function(){
			this.$router.push({path:'/home/index'});
		},
	},
	created:function(){
		window.clearInterval(this.noticeTime2);
		this.noticeTime2 = '';
	},
}
</script>

<style scoped>
#IDoperation{
	height: calc(100vh - 264px);
	background-color: #fff;
	min-height: 720px;
	margin-bottom: -30px;
}
/* ========== */
/* = Header = */
/* ========== */
header{
	background-color: #F5F5F5;
}
/*header .router-link-active{
	color: #ff464e;
}*/
.header_1{
	width: 1230px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #808080;
	font-size: 12px;
	padding: 8px 0;
}
.header_1_l{
	display: flex;
	align-items: center;
}
.header_1_l span{
	height: 10px;
	width: 1px;
	background-color: #9f9f9f;
	margin: 0 15px;
}
.qq,.collection{
	display: flex;
	align-items: center;
}
.qq img,.collection img{
	height: 15px;
	display: block;
	margin-right: 3px;
}
.header_1_r{
	display: flex;
	align-items: center;
}
.header_1_r .color_fg{
	height: 10px;
	width: 1px;
	background-color: #9F9F9F;
	margin: 0 10px;
}
.header_1_r ul{
	display: flex;
	align-items: center;
}
.header_1_r ul li{
	margin-left: 10px;
}
.header_1_r a{
	display: flex;
	align-items: center;
}
.header_1_r a span{
	color: #FF464E;
}
.header_1_r a img{
	height: 8px;
	display: block;
	margin-left: 3px;
}
.feature{
	color: #ff464e;
}
.header_2{
	background-color: #fff;
	padding: 25px 0;
	border-bottom: 2px solid #FF464E;
}
.header_2_box{
	width: 1230px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header_2_box>img{
	height: 40px;
	display: block;
}
</style>
